/*
* @Author: xiaoyangzhao
* @Date:   2018-07-02 14:43:52
* @Last Modified by:   xiaoyangzhao
* @Last Modified time: 2019-04-23 18:35:00
*/

.app-wrapper {
    // text-align: center;
    width: 100%;
    .app-main{
        width: 1200px;
        margin: auto;
        text-align: left;
        // min-width: 1200px;
        // display: inline-block;
        .app-container{
            padding: 20px 0;
        }
    }
}    

.el-button{
  border-radius: 0;
  &.criterias{
        width: 160px;
        font-size: 16px;
        letter-spacing: 20px;
        padding: 11px 0 11px 17px;
    }
}
.el-button--primary{
  background: #0096E0;
}
.el-table{
    // text-align: left;
    th{
        padding: 10px 0;
    }
    td{
        padding: 6px 0 5px 0;
    }
}

.el-table--border{
    // border: 12px solid #ebeef5;
}

.el-table__body{
    // table-layout:auto !important;
}

.el-message{
    top: 70px;
    z-index: 9999999 !important;
}

.el-message-box__wrapper{
    .el-message-box__title{
        color: #18191A;
        font-weight: bolder;
        font-size: 18px;
    }
    .el-message-box__message{
        color: #18191A;
        margin-bottom: 30px;
        word-break: break-all;
    }
    .el-button{
        border: none;
        &:first-child, &.second-primary{
            // float: right;
            margin: 0 -235px 0 5px;
            display: inline-block;
            color: white;
            // background: #AFCDDB;
            background: #0096E0;
            box-shadow: 0 1px 1px 1px rgba(175,205,219,.35);
        }
        &.second-primary{ margin: 0 -120px 0 141px; }
        width: 110px;
        height: 35px;
        font-size: 14px;
        font-weight: bolder;
        &.el-button--primary{
            background: #0096E0;
            box-shadow: 0 1px 1px 1px rgba(0,150,224,0.35);
        }
    }
}

.el-pagination{
    .el-pager{
        li.active{
            border-radius: 0;
            background: #0096E0;
        }
    }
}

.el-message-box{
    border-radius: 0;
    .el-message-box__btns{
        button{
            &:nth-child(2){ margin-left: 0; }
        }
    }
}
.el-message-box--center{
    .el-message-box__status{ display: none; }
}

.pagination-container{
    margin-top: 15px;
}

.el-input{
    .el-input__inner{
        border-radius: 0 !important;
    }
}

.el-scrollbar__wrap {
    overflow: auto;
}

.waves-ripple {
    position: absolute;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.15);
    background-clip: padding-box;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 1;
}

.waves-ripple.z-active {
    opacity: 0;
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    -webkit-transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out;
    transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out;
    transition: opacity 1.2s ease-out, transform 0.6s ease-out;
    transition: opacity 1.2s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
}


/* common styles */

// scorll bar
::-webkit-scrollbar{
    background-color: transparent;
    width: 6px;
    height: 6px;
    // height: 10px\9;
    border-radius: 6px;
}
.win32{
    ::-webkit-scrollbar{
        background-color: transparent;
        width: 6px;
        height: 12px;
        border-radius: 6px;
    }
}
::-webkit-scrollbar-track{
    background-color: transparent;
}
::-webkit-scrollbar-track-piece{
    background-color: transparent;
}
::-webkit-scrollbar-thumb{
    width: 6px;
    height: 6px;
    // height: 10px\9;
    border-radius: 6px;
    background: #D7DADB;
}
.win32{
    ::-webkit-scrollbar-thumb{
        width: 6px;
        height: 12px;
        border-radius: 6px;
        background: #D7DADB;
    }
}

/* Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    
}

/* Firefox */
@-moz-document url-prefix() {

    .index-container{
        .main-block{
            .cont{
                top: 135px !important;
                img{ margin-top: -5px !important; }
                .name{
                    p{
                        margin-top: -10px;
                    }
                }
                .log-info{
                    bottom: -22px;
                }
            }
        }
    }

    .case-upload{
        .el-upload-list{
            .el-upload-list__item{
                .el-upload-list__item-name{
                    margin:0 !important;
                }
            }
        }
    }

    .phone-detect{
        .el-main{
             .rectangle{
                .upload-demo{
                    .el-button--primary{
                        padding: 23px 0 15px 0 !important;
                    }
                }
             }
        }
    }

// poc
    #app{
        // .caseManage__task-list{
        //     .step-ahead{
        //         width: 100px;
        //         letter-spacing: 10px;
        //         text-align: right;
        //         background: red;
        //         border-color: red;
        //         zoom: 1.2;
        //         transform: scale(1.2);
        //         margin-top: 24px !important;
        //         margin-left: 10px;
        //     }
        // }
    }
    .contact-phone-pop-min {
        background: #0096E0;
        color: #fff;
        cursor: pointer;
        border-radius: 3px;
        padding: 1px;
        position: fixed !important;
        z-index: 99999;
        right: 50px;
        top: 150px;
        &:before{
            display: inline-block;
            background: rgb(0, 150, 224);
            border-radius: 1px;
            zoom: 4;
            transform: scale(4);
        }
        &.el-icon-news{
            top: 250px;
            z-index: 2000;
        }
     }
}
// endof FireFox


/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {
    ::-webkit-scrollbar{
        background-color: transparent;
        width: 6px;
        height: 10px !important;
        border-radius: 6px;
    }
    ::-webkit-scrollbar-track{
        background-color: transparent;
    }
    ::-webkit-scrollbar-track-piece{
        background-color: transparent;
    }
    ::-webkit-scrollbar-thumb{
        width: 6px;
        height: 10px !important;
        border-radius: 6px;
        background: #D7DADB;
    }
    .index-container{
        .main-block{
            .cont{
                top: 145px !important;
                img{ margin-top: -5px !important; }
                .name{
                    p{
                        margin-top: -10px;
                    }
                }
                .log-info{
                    bottom: -22px;
                }
            }
        }
    }
}
